import { forwardRef } from 'react'
import "./Loading.css";

const Loading = forwardRef<HTMLDivElement>((props, ref) => (
    <div className="text-center" {...props} ref={ref}>
        <i className="inline-block w-[6px] h-[6px] bg-blue-400 ml-1 animate-wiggle"></i>
        <i className="inline-block w-[6px] h-[6px] bg-blue-400 ml-1 animate-wiggle-1"></i>
        <i className="inline-block w-[6px] h-[6px] bg-blue-400 ml-1 animate-wiggle-2"></i>
        <i className="inline-block w-[6px] h-[6px] bg-blue-400 ml-1 animate-wiggle-3"></i>
    </div>
))

export default Loading;